<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>effect.api.test</title>
  		<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.14.0.css" type="text/css" media="screen" />
        <script type="text/javascript" src="http://code.jquery.com/qunit/qunit-1.14.0.js"></script>
	    <style type="text/css">
	    body{background: #000;}
	        .box{font-weight:900;width:100px;height:100px;background:blue;position:absolute;top:500px;left:300px;border:solid red 1px;z-index:0;zoom:1;filter:alpha(opacity=100);}
	        .box2{font-weight:900;width:100px;height:100px;background:blue;position:absolute;left:500px;bottom:500px;border:solid red 1px;z-index:0;zoom:1;}
	    </style>
	</head>
	<body>
		<h1 id="qunit-header">Qunit dwr test</h1>
		<h2 id="qunit-banner"></h2>
		<div id="qunit-testrunner-toolbar"></div>
		<h2 id="qunit-userAgent"></h2>
		<ol id="qunit-tests"></ol>
 		<div id="qunit-fixture"></div>
    	<div id="box" class="box"></div>
    	<div id="box2" class="box2"></div>
    	<button class="button">淡出</button>
    	<button class="button">淡入</button>
    	<button class="button">移动位置</button>
    	<button class="button">toggle</button>
    	<button class="button">slide</button>
        <button class="button">测试属性不变的情况</button>
        <button class="button">fade stop</button>
        <script src="../../../define.js?pro=./"></script>
        <script type="text/javascript" src="./effect.api.test.js"></script>
	</body>
</html>